<template>
    <div>
        <v-header></v-header>
        <mt-tab-container>
            <mt-tab-container-item :id="selected">
                <router-view></router-view>
            </mt-tab-container-item>
        </mt-tab-container>
        <v-footer @tabChange="showTabContent" :selected="selected"></v-footer>
    </div>

</template>
<script>
    import vHeader from "./header"
    import vFooter from "./footer"
    export default {
        components:{
            vHeader,
            vFooter
        },
        data(){
            return{
                selected:''
            }
        },
        methods:{
            showTabContent(selected){
                console.log(selected)
            }
        }
    }
</script>
<style scoped>

</style>

